<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  
</head>
<body>
  <div id='box'> 
    
  </div>
</body>
<script>
  var lis = ["1","2","3","4","5","6","7","8"];
  var box =  document.getElementById("box");
  var lisContent = '';
  for(var i = 0; i<lis.length;i++){
    lisContent += '<li>' + lis[i] + '</li>';
  }
  box.innerHTML = lisContent;
</script>
</html>